﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>TA-App Admin</title>
    <link rel="stylesheet" href="../styles/admin-panel.css" type="text/css" />
    <script src="../scripts/jQuery-1.9.1.js"></script>
</head>
<body>
    <h1>TA-APP Admin</h1>
    <form action="http://localhost/index.php" method="post">
        <div class="inputs">
            <label for="offer-type">Offer type: </label>
            <select name="type" id="offer-type">
                <option value="holidays">Package Holiday</option>
                <option value="excursions">Excursion</option>
                <option value="cruise">Cruise</option>
            </select>
        </div>
        <div class="inputs">
            <label for="id">Offer ID: </label>
            <input type="text" id="id" />
        </div>
        <div class="inputs">
            <label for="title">Offer title: </label>
            <input type="text" id="title" name="title" />
        </div>
        <div class="inputs">
            <label for="startDate">Start date: </label>
            <input type="date" id="startDate" name="startDate" />
        </div>
        <div class="inputs">
            <label for="endDate">End date: </label>
            <input type="date" id="endDate" name="endDate" />
        </div>
        <div class="inputs">
            <label for="price">Offer price: </label>
            <input type="text" id="price" name="price" />
        </div>
        <div class="inputs">
            <label for="thumbnail">Thumbnail url: </label>
            <input type="text" id="thumbnail" name="thumbnail" />
        </div>
        <div class="inputs">
            <label for="image">Image url: </label>
            <input type="text" id="image" name="image" />
        </div>
        <div class="inputs">
            <label for="description">Offer description: </label>
            <textarea id="description" name="description"></textarea>
        </div>
        <div class="inputs">
            <label for="transport-type">Transport Type</label>
            <select name="transportType" id="transport-type">
                <option value="Air">Air</option>
                <option value="Land">Land</option>
                <option value="Combined">Combined</option>
                <option value="Own transport">Own transport</option>
            </select>
        </div>
        <div class="inputs">
            <label for="itinerary">Itinerary: </label>
            <textarea id="itinerary" name="itinerary"></textarea>
        </div>
        <div class="inputs">
            <label for="waterbody">Waterbody: </label>
            <input type="text" id="waterbody" name="waterbody" />
        </div>
        <div class="inputs">
            <label for="status">Active offer: </label>
            <input type="checkbox" id="status" name="active" />
        </div>
        <div class="inputs">
            <input type="submit" value="Save offer" />
        </div>
    </form>
    <script src="../scripts/admin-panel.js"></script>
</body>
</html>
